/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

html,xbody {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
     	background: url(../etc/img/fondo.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#wrapper { 
 margin: 0 auto;
 width: 100%;

}
#fauxcolor {
position: relative ;
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 1000px;
 height:90%;
 padding:54px 14px 15px;
 margin: 0pt auto;
 background: #00FF66;
   z-index:1;
 filter:Alpha(Opacity=80);
 opacity:.8;
}
#faux {
position: relative ;
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 1000px;
 height:90%;
 background: rgba(0, 153, 0, 0.4);
 padding:54px 14px 15px;
 margin: 0pt auto;
 z-index:0;
}
#header {
 position:fixed;
 margin:0;
 top:0;
 left:0;
 color: #CCCCCC;
 display:block;
 width:100%;
 height:40px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 background:#333333;
    background: -moz-linear-gradient(center top , #333333, #111111) repeat scroll 0 0 transparent;
    z-index:2;
}
#contentheader{
	position: relative ;
	 margin-bottom: 5px;
	 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	 width: 1000px;
	 min-height:100%;
	 padding:0px;
	 margin: 0pt auto;
}
#rightheader{
	float: right;
}
#leftheader{
	float: left;
}
#topcolumn{
	width: 970px;
	color: #333;
 	margin: 5px;
 	padding: 10px;
	background: #DCDCDC;
   z-index:2;
 
 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 5px;
 padding: 0px;
 width: 219px;
 float: left;
 background: #DCDCDC;
 z-index:2;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 5px;
 padding: 10px;
 width: 699px;
 display: inline;
 position: relative;
 background: #DCDCDC;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 z-index:2;
}
#footer { 
 width: 100%;
 clear: both;
 color: #A6A6A6;
 background: #333333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#missatge {
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
	text-align:center;
	font-style:bold;
	
}

.searchbox{
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 1px 0 #444444;
    background: none repeat scroll 0 0 #666666;
    border: 1px solid black;
    color: #CCCCCC;
    font: 13px Arial,sans-serif;
    padding: 6px 25px 4px 6px;
    margin: 5px;
    width: 215px;
	float:left;
	background-image: url(../etc/img/glass.png); 
    background-repeat: no-repeat; 
    background-position: right center;
    margin-top:-5px;
}

.searchbox:focus {
    background: none repeat scroll 0 0 #eeeeee;
    color: #000000;
    border: 1px solid #999999;
}

#header ul {
  margin:0;
  padding:0;
  background:transparent;
  height:100%;
  margin-left:60px;
  padding-left:60px;
  padding-top:10px;
}
#header ul li {  display:inline;}
#header ul li a { padding-left:20px;  color:#BABABA; text-decoration:none;}
#header ul li a:hover { color:#FFFFFF;  }

a.header:link {color:#CCCCCC;text-decoration:none;}      /* unvisited link */
a.header:visited {color:#CCCCCC;text-decoration:none;}  /* visited link */
a.header:hover {color:#1E90FF;text-decoration:none;}  /* mouse over link */
a.header:active {color:#1E90FF;text-decoration:none;}  /* selected link */

.clear { clear: both; background: none; }

h3 {
	margin-top:10px;
	margin-bottom:10px;
	
}
#registerForm td {
	padding:2px;
}

.pregunta {
	font-weight:bold;
	line-height: 2em; 
}

.respuesta {
	line-height: 4 em; 
}